<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/0-home.css">

	</head>
	<body>

		<div class="home_page">
			<!-- 导航栏 -->
			<div class="home_nav">
				<div class="left_nav">
					<img src="./img/0/e15.jpg" alt="">
				</div>
				<div class="txt_nav">
					<span>本家</span>
				</div>
				<div class="right_nav">
					<img src="./img/0/e14.jpg" alt="">
				</div>
			</div>

			<div class="background">
				<img src="./img/0/banner.jpg" alt="">
				<div class="border">
					<div class="border1"></div>
					<div class="border2"></div>
					<div class="border3"></div>
				</div>
			</div>
			<div class="logo">
				<div class="hot_recomme">
					<div class="logo_img">
						<img src="./img/0/logo1.png" alt="">
					</div>
					<div class="hot_cn">
						<span>新品/热销</span>
					</div>
				</div>
				<div class="hot_recomme">
					<div class="logo_img">
						<img src="./img/0/logo2.png" alt="">
					</div>
					<div class="hot_cn">
						<span>超值拼团</span>
					</div>
				</div>
				<div class="hot_recomme">
					<div class="logo_img">
						<img src="./img/0/logo3.png" alt="">
					</div>
					<div class="hot_cn">
						<span>新人福利</span>
					</div>
				</div>
				<div class="hot_recomme">
					<div class="logo_img">
						<img src="./img/0/logo4.png" alt="">
					</div>
					<div class="hot_cn">
						<span>时尚动态</span>
					</div>
				</div>
			</div>

			<div class="line"></div>

			<!-- 热卖精品 -->
			<div class="fine">
				<div class="fine_title">
					<p>精品热卖</p>
					<p>SALE</p>
				</div>
				<!-- 商品 -->
				
				<div class="shoping_list">
					<div class="item">
						<div class="box">
							<div class="shoping_img">
								<img src="./img/0/img1.jpg" alt="">
							</div>
							<div class="shoping_title">
								<span>英式经典三防女式长风衣</span>
							</div>
							<div class="price">
								<span>￥599</span>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="box">
							<div class="shoping_img">
								<img src="./img/0/img2.jpg" alt="">
							</div>
							<div class="shoping_title">
								<span>超轻至暖铜氨丝白鹅绒被</span>
							</div>
							<div class="price">
								<span>￥999</span>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="box">
							<div class="shoping_img">
								<img src="./img/0/img3.jpg" alt="">
							</div>
							<div class="shoping_title">
								<span>羊毛混纺经典长款大衣</span>
							</div>
							<div class="price">
								<span>￥1299</span>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="box">
							<div class="shoping_img">
								<img src="./img/0/img4.jpg" alt="">
							</div>
							<div class="shoping_title">
								<span>创意懒人叠衣板+收纳箱</span>
							</div>
							<div class="price">
								<span>￥79</span>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="box">
							<div class="shoping_img">
								<img src="./img/0/img5.jpg" alt="">
							</div>
							<div class="shoping_title">
								<span>GF合金包角拉链箱</span>
							</div>
							<div class="price">
								<span>￥259</span>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="box">
							<div class="shoping_img">
								<img src="./img/0/img.jpg" alt="">
							</div>
							<div class="shoping_title">
								<span>婴童纱布长斤三条装</span>
							</div>
							<div class="price">
								<span>￥59</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="line"></div>
			
			<!-- 精品优选 -->
			<div class="fine_select">
				<div class="fine_title">
					<p>精品优选</p>
					<p>SELECTION</p>
				</div>
				<div class="fine_select_list">
					<div class="item">
						<div class="img">
							<img src="./img/0/e16.jpg" alt="">
						</div>
						<div class="text">
							<div class="text_cn">
								<p>本家HOME</p>
								<p>每满100立减20元</p>
							</div>
							<div class="price">
								<span>29.9元起</span>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="img">
							<img src="./img/0/e16.jpg" alt="">
						</div>
						<div class="text">
							<div class="text_cn">
								<p>本家HOME</p>
								<p>每满100立减20元</p>
							</div>
							<div class="price">
								<span>29.9元起</span>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="img">
							<img src="./img/0/e16.jpg" alt="">
						</div>
						<div class="text">
							<div class="text_cn">
								<p>本家HOME</p>
								<p>每满100立减20元</p>
							</div>
							<div class="price">
								<span>29.9元起</span>
							</div>
						</div>
					</div>
				</div>
				
			</div>
			<div class="line"></div>
			
			<!-- 好物推荐 -->
			<div class="recommend">
				<div class="fine_title">
					<p>好物推荐</p>
					<p>RECOMMEND</p>
				</div>
				<div class="shop_list">
					<div class="item">
						<div class="box">
							<div class="img">
								<img src="./img/0/e1.jpg" alt="">
							</div>
							<div class="shop_cn">
								<p>狐步小吊灯</p>
								<p>曼妙裙摆 任意空间的光线舞者</p>
							</div>
							<div class="shop_price">
								<p>￥469</p>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="box">
							<div class="img">
								<img src="./img/0/e2.jpg" alt="">
							</div>
							<div class="shop_cn">
								<p>折简餐具组|碗套装</p>
								<p>国画四色 诠释最美器具</p>
							</div>
							<div class="shop_price">
								<p>￥89</p>
							</div>
						</div>
					</div>
					
					<div class="item">
						<div class="box">
							<div class="img">
								<img src="./img/0/e3.jpg" alt="">
							</div>
							<div class="shop_cn">
								<p>竹枝抱枕</p>
								<p>上百竹枝首尾相依 静生生物</p>
							</div>
							<div class="shop_price">
								<p>￥169</p>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="box">
							<div class="img">
								<img src="./img/0/e4.jpg" alt="">
							</div>
							<div class="shop_cn">
								<p>澎湃声波牙刷 Pro</p>
								<p>一件能明显提升幸福感的小物件</p>
							</div>
							<div class="shop_price">
								<p>￥259</p>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="box">
							<div class="img">
								<img src="./img/0/e5.jpg" alt="">
							</div>
							<div class="shop_cn">
								<p>镜线餐具组</p>
								<p>让每一餐都清爽可口</p>
							</div>
							<div class="shop_price">
								<p>￥399</p>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="box">
							<div class="img">
								<img src="./img/0/e6.jpg" alt="">
							</div>
							<div class="shop_cn">
								<p>光合氧气花瓶</p>
								<p>光影魔术手 找到植物的专属生命</p>
							</div>
							<div class="shop_price">
								<p>￥129</p>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="box">
							<div class="img">
								<img src="./img/0/e7.jpg" alt="">
							</div>
							<div class="shop_cn">
								<p>黑白格子V领背心裙</p>
								<p>简约不简单 轻松高级感</p>
							</div>
							<div class="shop_price">
								<p>￥339</p>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="box">
							<div class="img">
								<img src="./img/0/e8.jpg" alt="">
							</div>
							<div class="shop_cn">
								<p>重磅绞花羊绒衫</p>
								<p>羊绒纱线采用7针、26纱支织造而成</p>
							</div>
							<div class="shop_price">
								<p>￥559</p>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="box">
							<div class="img">
								<img src="./img/0/e9.jpg" alt="">
							</div>
							<div class="shop_cn">
								<p>珊瑚绒加厚保暖连体衣</p>
								<p>珊瑚绒御寒 加厚保暖 纯棉内里</p>
							</div>
							<div class="shop_price">
								<p>￥259</p>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="box">
							<div class="img">
								<img src="./img/0/e10.jpg" alt="">
							</div>
							<div class="shop_cn">
								<p>Pop Loop 慢跑鞋 男女款</p>
								<p>爆米花中底 全包裹支撑鞋面</p>
							</div>
							<div class="shop_price">
								<p>￥339</p>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="box">
							<div class="img">
								<img src="./img/0/e11.jpg" alt="">
							</div>
							<div class="shop_cn">
								<p>M&N 尊荣白鸭绒静音冬被</p>
								<p>内衬蓬松饱满 静音防羽 保暖舒适</p>
							</div>
							<div class="shop_price">
								<p>￥659</p>
							</div>
						</div>
					</div> 
					<div class="item">
						<div class="box">
							<div class="img">
								<img src="./img/0/e12.jpg" alt="">
							</div>
							<div class="shop_cn">
								<p>小怪兽糖罐组</p>
								<p>为生活加一剂萌料</p>
							</div>
							<div class="shop_price">
								<p>￥59</p>
							</div>
						</div>
					</div>
					
					
					
				</div>
			</div>

			<!-- 首页固定窗口 -->
			<div class="icon_button">
				<div class="icon_item">
					<img src="./img/4/logo1.png">
					<p><a href="">首页</a></p>
				</div>
				<div class="icon_item">
					<img src="./img/4/logo2.png">
					<p><a href="">优选</a></p>
				</div>
				<div class="icon_item">
					<img src="./img/4/logo3.png">
					<p><a href="">分类</a></p>
				</div>
				<div class="icon_item">
					<img src="./img/4/logo4.png">
					<p><a href="">购物车</a></p>
					<p>
				</div>
				<div class="icon_item">
					<img src="./img/4/logo6.png">
					<p><a href="">我的</a></p>
				</div>
			</div>


		</div>
	</body>
</html>
